<template>
  <div class="resource">
    <thresource
      v-if="isShow"
      v-on:getback="myback"
      v-on:goback="myrev"
    ></thresource>
    <div v-if="isFalse">
      <div class="regulate">
        <strong>房源管理</strong>
        <router-link to="/th-resource"><span>+</span></router-link>
      </div>
      <ul class="resource-ul">
        <router-link active-class="active" to="/home/sonResource/tt-resource">
          <li>闲置房源</li></router-link
        >
        <router-link active-class="active" to="/home/sonResource/td-resource">
          <li>已租房源</li></router-link
        >
      </ul>

 <router-view/>
    </div>
  </div>
</template>


<style lang="scss" scoped>
.resource {
  // height: 100%;
  .regulate {
    margin-top: 5px;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 16px;
    strong {
      width: 100px;
      margin: 0 auto;
    }
    span {
      position: absolute;
      right: 10px;
      top: -10px;
      font-size: 30px;
    }
  }
  .resource-ul {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    font-size: 16px;
    li {
      padding: 3px 0;
    }
    a {
      border-bottom: 1px solid transparent;
    }
    a.active {
      border-bottom: 1px solid blue;
    }
  }
  // .resource-text {
  //   margin-top: 5px;
  //   width: 100%;
  //   // height: 100px;
  //   // background-color: rgb(240, 235, 235);
  //   text-align: center;
  //   line-height: 550px;
  //   font-size: 16px;
  //   color: gray;
  //   .box-style {
  //     width: 100%;
  //     height: 100%;
  //     //  background-color: red;
  //     // display: flex;
  //     // justify-content: space-between;
  //     // justify-content: space-around;
  //     li {

  //       width: 40px;
  //       height: 40px !important;
  //       // border: 1px solid black;
  //     }
  //   }
  // }
}
</style>
<script>
import ttresource from "../resource/tt-resource.vue";
export default {
  components: { ttresource },
  data() {
    return {
      isShow: false,

      isFalse: true,
    };
  },
  methods: {},
};
</script>